<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Blog | Home</title>
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link
  rel="stylesheet"
  href="https://use.fontawesome.com/releases/v5.3.1/css/all.css"
  integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU"
  crossorigin="anonymous"
/>
    <link
    href="https://fonts.googleapis.com/css2?family=Aldrich&family=Francois+One&family=Inconsolata:wght@300;400;600;900&family=Karla:wght@300;400;500;600;800&family=Lato:wght@300;400;900&family=Lora:wght@400;500;600;700&family=Merriweather:wght@300;400;700;900&family=Montserrat:wght@200;300;400;500;600;700;900&family=Nunito:wght@200;300;400;600;700;900&family=Open+Sans:wght@400;600;700;800&family=Oswald:wght@300;400;500;600;700&family=Poppins:wght@100;200;300;400;500;600;700;900&family=Proza+Libre:wght@400;500;600;700;800&family=Raleway:wght@200;300;400;600;900&family=Roboto+Slab:wght@200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Work+Sans:wght@200;400;500;600;700;900&display=swap"
    rel="stylesheet"
  />
    <link rel="stylesheet" href="./assets/css/styles.css">
   
</head>
<body>

    <div>
        <header>
            <div>
                <h1>Welcome to Web Development</h1>
                <ul>
                    <li>
                        <a href="./index.html">Home</a>
                    </li>
                    <li>
                        <a href="./about.html">About</a>
                    </li>
                    <li>
                        <a href="./projects.html">Projects</a>
                    </li>
                    <li>
                        <a href="./contacts.html">Contacts</a>
                    </li>
                </ul>
            </div>
          
        </header>
        <main>
        
            <section>
                <h1>Introduction</h1>
                <article>
                    <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Est numquam ipsam perferendis ducimus nulla libero cum eius atque illum, nostrum, placeat alias doloribus? Tempore maxime cupiditate, placeat blanditiis vitae ex?
                    In sint numquam, laborum dicta vero distinctio fugiat cumque explicabo officiis quas omnis aut asperiores porro deserunt sapiente nostrum consectetur. Nesciunt aspernatur voluptates voluptatem dolorum sit tempore. Hic, minima accusamus.
                    Quod harum maxime praesentium. Libero amet eaque vel possimus fugiat ut magnam voluptate. Fugiat suscipit necessitatibus doloribus quis error nesciunt culpa. Sunt nesciunt quas accusamus quod, at libero quaerat. Dolorem.
                    Maxime at aspernatur cum nam, voluptatum, eligendi iste quibusdam beatae excepturi possimus accusamus ut dolorem dicta laudantium reprehenderit deleniti odio provident culpa doloribus illo delectus? Quo voluptas enim natus consectetur.
                    Numquam laborum sed culpa quas itaque veniam dolore explicabo maxime a neque magni velit quam, corporis deleniti sint, nam modi porro repudiandae distinctio beatae nisi sequi? Aut rerum molestiae ut.</p>
                </article>
            </section>
            <section>
                <h1>Most used web Technologies</h1>
                <article>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum veritatis aut cum perspiciatis aliquid itaque tenetur sed amet sunt laboriosam dolores facere illo ipsam, modi voluptas. Et quis fugiat facilis.
                    Asperiores ullam deserunt, nisi perferendis necessitatibus rerum dolores recusandae ea, quas illo in possimus facilis cum minus reiciendis quia aliquam. Totam esse fugiat, modi necessitatibus dolorem magni qui assumenda id.
                    Quis harum quasi quas id rerum sit quisquam doloremque sed ex nam architecto dolorum, saepe ipsam cum consectetur iure distinctio inventore quaerat! Voluptates cupiditate adipisci vero in. Quidem, voluptatem temporibus?
                    Deserunt expedita doloribus quidem laborum! Impedit ratione blanditiis obcaecati incidunt asperiores neque. Quasi sunt assumenda facilis odit esse atque perspiciatis ullam reprehenderit ducimus, libero maiores rerum iste aliquam recusandae qui.
                    Unde, error voluptas! Voluptatum officia odit libero quod reiciendis. Perspiciatis, odit aperiam porro labore, quia exercitationem laudantium omnis quam quo asperiores molestiae quas ratione laboriosam? Enim doloribus corrupti recusandae ratione.
                    Nulla voluptatibus inventore provident! Fugit adipisci ut minus voluptatem, a praesentium harum labore iure alias error quis eos, dolorum aliquam nam iusto molestiae in quas aperiam aut eius! Voluptatem, inventore!
                    Natus numquam consequuntur, illum exercitationem sunt sapiente quas aspernatur voluptas hic a, possimus molestias nemo quisquam nisi temporibus sint iusto itaque error! Alias a commodi inventore, quo ea pariatur illo

                    Soluta rerum temporibus, sunt doloribus est vero dolore, beatae, cupiditate saepe distinctio voluptatibus debitis voluptatem nisi necessitatibus eos quidem inventore? Architecto, eius et. Nemo sed excepturi molestias provident aliquam optio.
                    Perferendis tempore quod quasi ad, ipsam tenetur, ullam mollitia laborum excepturi dolores autem beatae similique exercitationem quas id fugit vitae amet. Natus ullam vel officia laborum, iusto veniam perferendis deserunt?
                    Nemo accusantium nisi adipisci consectetur molestias voluptatibus reprehenderit repudiandae in fugiat vel! Pariatur, quos quisquam qui alias molestiae obcaecati placeat minima cum in ratione laborum repellendus rem ad dignissimos consectetur?
              </p>
                </article>
            </section>
            <section>
                <h1>Most used web Technologies</h1>
                <article>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum veritatis aut cum perspiciatis aliquid itaque tenetur sed amet sunt laboriosam dolores facere illo ipsam, modi voluptas. Et quis fugiat facilis.
                    Asperiores ullam deserunt, nisi perferendis necessitatibus rerum dolores recusandae ea, quas illo in possimus facilis cum minus reiciendis quia aliquam. Totam esse fugiat, modi necessitatibus dolorem magni qui assumenda id.
                    Quis harum quasi quas id rerum sit quisquam doloremque sed ex nam architecto dolorum, saepe ipsam cum consectetur iure distinctio inventore quaerat! Voluptates cupiditate adipisci vero in. Quidem, voluptatem temporibus?
                    Deserunt expedita doloribus quidem laborum! Impedit ratione blanditiis obcaecati incidunt asperiores neque. Quasi sunt assumenda facilis odit esse atque perspiciatis ullam reprehenderit ducimus, libero maiores rerum iste aliquam recusandae qui.
                    Unde, error voluptas! Voluptatum officia odit libero quod reiciendis. Perspiciatis, odit aperiam porro labore, quia exercitationem laudantium omnis quam quo asperiores molestiae quas ratione laboriosam? Enim doloribus corrupti recusandae ratione.
                    Nulla voluptatibus inventore provident! Fugit adipisci ut minus voluptatem, a praesentium harum labore iure alias error quis eos, dolorum aliquam nam iusto molestiae in quas aperiam aut eius! Voluptatem, inventore!
                    Natus numquam consequuntur, illum exercitationem sunt sapiente quas aspernatur voluptas hic a, possimus molestias nemo quisquam nisi temporibus sint iusto itaque error! Alias a commodi inventore, quo ea pariatur illo

                    Soluta rerum temporibus, sunt doloribus est vero dolore, beatae, cupiditate saepe distinctio voluptatibus debitis voluptatem nisi necessitatibus eos quidem inventore? Architecto, eius et. Nemo sed excepturi molestias provident aliquam optio.
                    Perferendis tempore quod quasi ad, ipsam tenetur, ullam mollitia laborum excepturi dolores autem beatae similique exercitationem quas id fugit vitae amet. Natus ullam vel officia laborum, iusto veniam perferendis deserunt?
                    Nemo accusantium nisi adipisci consectetur molestias voluptatibus reprehenderit repudiandae in fugiat vel! Pariatur, quos quisquam qui alias molestiae obcaecati placeat minima cum in ratione laborum repellendus rem ad dignissimos consectetur?
              </p>
                </article>
            </section>
            <section>
                <div class="container">
                    <div class="box box-1">1</div>
                    <div class="box box-2">2</div>
                    <div class="box box-3">3</div>
                    <div class="box box-4">4</div>
                    <div class="techs">
                        <div class="web-tech box-html">HTML</div>
                        <div class="web-tech box-css">CSS</div>
                        <div class="web-tech box-js">JavaScript</div>
            
                    </div>
                   
                </div>

            </section>

        </main>
        <footer>
            <div class="footer-wrapper">
                <p>Copyright 2021 by Asabeneh Yetayeh</p>
                <div class="social-links">
                    <a href='https://github.com/Asabeneh' target="_blank"><i class="fab fa-github-square"></i></a>

                    <a href='https://www.linkedin.com/in/asabeneh/' target="_blank"><i class="fab fa-linkedin"></i></a>
                    
                    <a href='https://twitter.com/Asabeneh' target="_blank"><i class="fab fa-twitter-square"></i></a>
                </div>
                <div id='down'>
                    <a href="#top"><i class="fas fa-arrow-circle-up"></i></a>
                </div>
            </div>
        </footer>
    </div>

    
    
</body>
</html>